java与后端API的交互

Question

大家早上好，我正在进行一个分为两部分的项目：

• 后端API（基于json）

• 前端（html中的简单页面：表单编译，按ID获取信息）

我在寻找前端使用的正确结构和技术时遇到了一些问题。我应该使用纯javascript吗？我应该使用VueJS/Angular/其他js框架吗

后端是用JavaSpring引导编写的

在未来，前端还将具有选择时间段日期的预约功能

对于前端，我尝试使用XMLHttpRequest，但在使用API获取和发布数据时遇到了一些问题（代码运行了，但什么也没发生）

我试着用这个陈腐的密码

var xmlhttp = new XMLHttpRequest();
var url = "API_URL";

xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var myArr = JSON.parse(this.responseText);
    myFunction(myArr);
  }
};
xmlhttp.open("GET", url, true);
xmlhttp.send();

Answer 1

这取决于您的用例。我可以分类如下。请参阅链接（https://medium.freecodecamp.org/do-we-still-need-javascript-frameworks-42576735949b）

1. Javascript—不太复杂
2. Vue。js-有关性能
3. React—性能相关（vue在性能上优于React）
4. Angular-社区支持，Angular 2及以上版本更成熟的框架，而不是库

Answer 2

您可以尝试使用javascript axios库。 Javascript端示例：

import axios from 'axios'

axios.get('/springEndpoint').then((response) => {
        console.log(response.data);
        // do something with response
    }).catch(() => {
        // do something in case of an error
    })

弹簧控制器示例：

@RestController
public class TestController {

    @GetMapping("/springEndpoint")
    public String someEndpoint() {
        return "test response";
    }
}

如果您正在寻找一种使用vue构建spring boot web应用程序的方法。js，这可能对您有用： https://blog.codecentric.de/en/2018/04/spring-boot-vuejs/